<template>
  <section class="maxHeight">
    <!-- title start -->
    <!-- <Header v-if="useCommonHeader"></Header> -->
    <!-- title end -->
    <!-- <keep-alive>
      <router-view v-if="$route.meta.keepAlive" :class="{'content-offset': useCommonHeader}"></router-view>
    </keep-alive> -->
    <router-view></router-view>
    <!-- footer end -->
    <!-- loading start -->
    <Loading></Loading>
    <!-- loading end -->
    <!-- dialog s-->
    <Dialog v-show="dialog.loadAlert.msg != ''"></Dialog>
    <!-- dialog e-->
    <Toast v-show="dialog.toast.msg != ''"></Toast>
  </section>
</template>

<script>
// import Header from 'components/common/Header'
import Loading from 'components/common/Loading'
import Toast from 'components/common/dialog/Toast'
import Dialog from 'components/common/dialog/Index'
import { mapGetters } from 'vuex'
export default {
  name: 'App',
  data () {
    return {
    }
  },
  components: {
    // Header,
    Toast,
    Loading,
    Dialog
  },
  computed: {
    ...mapGetters({
      dialog: "getDialogInfo",
      getConfigInfo: "getConfigInfo",
      userInfo: "getUserInfo"
    }),
    // 是否使用头部:指定页面或者 app内不使用头部
    useCommonHeader () {
      let name = this.$store.state.route.name
      return name
    }
  },
  methods: {
  },
  created () {
  }
}
</script>
<style lang="scss">
// 所有样式的集合
  @import './assets/scss/aggregate';
</style>
